 #signup table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.signup {
	background-color:#f9fbfd;
	color:#000000;
	border:1px solid #d7e5f2;
	border-collapse:collapse;
}


.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 220px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 width: 100px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 
}


.fieldcell input {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}

.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

/* tab styles */

/* Draw line at down tab header */
ul.tabControlHeader {
	color: #00FF80;
	border-bottom: 2px solid black;
	margin: 12px 0px 0px 0px;
	padding: 0, 5px;
	z-index: 1;
	padding-left: 10px }

/* Set tab (li) horizontally */
ul.tabControlHeader li {
    display: inline;
	overflow: hidden;
	list-style-type: none; 
	color: #0000FF;
	background: #0000FF;
	font: bold 1em "Trebuchet MS", verdana, sans-serif,bold;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 2px 2px 0 2px;
	text-decoration: none;
}


/* Tab active */
ul.tabControlHeader li.active {
    background-color: #6fa46f;
    color: #08088A;
    /*background: #F7F8E0;*/   
	border-bottom: 2px solid #6fa46f;
	 }

/* A with no text-decoration */
ul.tabControlHeader a {
    color: #FFFFFF;
    text-decoration: none;
}

.tabControlBody {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
	text-align: justify;
	background: #F7F8E0;
	padding: 0px;
	border: 2px solid black;
	border-top: none;
	z-index: 2;	}
	
/* READ-ONLY State */
ul.tabControlHeader li.tabPageHeaderReadOnly {
   	background: #DF01D7;
   	border: 2px solid black;   	
}

ul.tabControlHeader li.tabPageHeaderReadOnly_active {
	background: #DF01D7;
	border-bottom: 3px solid #d4d7a5; 	
}

div.tabPageBodyReadOnly {
	background: #e9ecb4;
   	opacity:70;
   	filter: alpha(opacity=70);
   	-moz-opacity: 0.7;	
}

/* FORBIDDEN State */
ul.tabControlHeader li.tabPageHeaderForbidden {
	background: #ba2f2f;
}

ul.tabControlHeader li.tabPageHeaderForbidden_active {
	background: #ba2f2f;
}

div.tabPageBodyForbidden {
	background: #ba2f2f;
}

ul.tabControlHeader li.tabPageHeaderForbidden a {
    color: #FFFFFF;
    text-decoration: none;
}
